// var
@vpoptip-prefix-cls       : x-video-poptip;
@vpoptip-main-color       : #A5907B;
@vpoptip-bg-color         : #16151A;
@vpoptip-font-size        : 12px;

// styles
.@{vpoptip-prefix-cls} {
  display: inline-block;
  font-size: @vpoptip-font-size;
  color: @vpoptip-main-color;
  padding: .5em;
  border-radius: .3em;
  background-color: tint(@vpoptip-bg-color, 15%);
  box-shadow: 0 0 .5em fade(@vpoptip-bg-color, 90%);
  position: relative;
  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 0;
    height: 0;
    border: .75em solid transparent;
    border-top-color: tint(@vpoptip-bg-color, 15%) ;
  }
}
